<template>
	<!-- 九宫格 -->
	<view class="gongge">
		<view class="imgs">
			<image :src="item.url" mode=""></image>
			
		</view>
		<view class="text">
			<text>{{item.text}}</text>
		</view>
	</view>
</template>

<script>
	export default{
		props:['item']
	}
</script>

<style lang="scss" scoped>
	.gongge{
		text-align: center;
		.imgs{
			margin: 8rpx auto;
		width: 87rpx;
			height: 87rpx;
			border-radius: 100%;
			overflow: hidden;
			image{
			width: 100%;
			height: 100%;
			}
		}
		.text{
			font-size: 24rpx;
			line-height: 1;
			color: #222;
			margin: 20rpx 0;
		}
	}
</style>